/* Container status text color */
#RUNNING {
    color: green;
}
#STOPPED {
    color: red;
}
#FROZEN {
    color: orange;
}

/* Sorting button in header */
#sorting {
    cursor:hand;
    margin-left:12px;
    display:inline-block;
    width:32px
}

/* Container name */
#contName {
    font-size: 20px;
}

/* Distribution */
#dist {
    margin-right: 10px;
    margin-bottom: 5px;
}

/* Table spacing */
table tbody td {
    line-height:normal
}

/* Terminal button */
.lxc-terminal {
    font-size: 20px;
}

/* Status dialog output */
.logLine {
    font-family: bitstream;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin: 0 8px;
    padding: 0;
}

.logLine.spacing {
    margin: 10px;
}

p.centered {
    text-align: center;
}

button.logLine {
    font-family: clear-sans;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 10px 12px 10px 0;
    padding: 9px 18px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    border-radius: 4px;
    border: 0;
    color: #ff8c2f;
    background: -webkit-gradient(linear, left top, right top, from(#e22828), to(#ff8c2f)) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(#e22828), to(#ff8c2f)) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(#e22828), to(#e22828)) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(#ff8c2f), to(#ff8c2f)) 100% 100% no-repeat;
    background: linear-gradient(90deg, #e22828 0, #ff8c2f) 0 0 no-repeat, linear-gradient(90deg, #e22828 0, #ff8c2f) 0 100% no-repeat, linear-gradient(0deg, #e22828 0, #e22828) 0 100% no-repeat, linear-gradient(0deg, #ff8c2f 0, #ff8c2f) 100% 100% no-repeat;
    background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
}

button.logLine:hover {
    color: white;
    background: linear-gradient(90deg,#e22828 0,#ff8c2f) 0 0 no-repeat, linear-gradient(90deg,#e22828 0,#ff8c2f) 0 100% no-repeat,linear-gradient(0deg,#e22828 0,#e22828) 0 100% no-repeat,linear-gradient(0deg,#ff8c2f 0,#ff8c2f) 100% 100% no-repeat;
}

/* MAC textbox */
#mac {
    text-transform:uppercase
}
.emac {
    color: #c12020;
    font-weight: bold;
    visibility: hidden;
}

.err {
    background: #ffe6ee;
    border: 1px solid #b1395f;
}

/* No containers or array stopped */
h3.startArray, h2.noContainers {
    text-align: center;
}

.show_lxc {
    display:block;
    top: unset !important;
}

.spinner {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spoiler[open] summary::after {
  content: attr(data-open);
}

.spoiler:not([open]) summary::after {
  content: attr(data-close);
}
